<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!-- 인클루드 되므로 보여질 부분만 넣는다. -->
<style type="text/css">
.explanation{
	height:50px; 
	width:200px;
	text-overflow:ellipsis; 
	overflow-x:hidden; 
	overflow-y:scroll; 
	table-layout:fixed;
	padding:10px; 
	padding-top:6;
	padding-bottom:6;
	word-break:break-all;
	border-top:1 solid #dddddd;
	font-size: small;
}
</style>
<h2>베스트상품</h2>

	<table width="95%" border="0" cellspacing="0" cellpadding="4" align="center" class="main_table">
	<tr>
		<td width='20%' bgcolor='#FFFFFF' align='center' valign='top'>
			<table border="0" cellspacing="0" cellpadding="0" width=100%>
				<tr>
					<c:forEach items="${sessionScope.list }" var="mto" begin="0" end="4">
							<td align='center'>
								<table border="0" cellspacing="1" cellpadding="1" width=110 bgcolor="#d8d8d8">
									<tr> 
										<td align="center"><a href="menuView.do?menuId=${mto.menuId }"><img src='/hansot/${mto.imgLocation }' border="0" width="110" height="110"></a></td>
									</tr>
								</table>
								<table width="130" border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td align="center" height="60" style="padding-top:6;padding-bottom:6;word-break:break-all" class="dod8_"><b><font color=#808080 size="3pt">${mto.menuName }</font></b></td>
									</tr>
									<tr>
										<td align="center" height="45"><div  class="explanation"><font color=#808080>${mto.explanation }</font></div>&nbsp;</td>
									</tr>
									<tr>
										<td align="center" height=25 class="dod8_"><font color=fe6700>${mto.menuPrice }원</font></td>
									</tr>
								</table>
							</td>
					</c:forEach>
				</tr>
			</table>
		</td>
	</tr>
</table>
<a href="foodMenu.do?categoryId=category-01"><input type="button" value="+더보기"></a>

